<!DOCTYPE html>

<html>
<head>

<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>
<!-- container -->
<div class="container"> 
	<!-- header -->
	<header id="header">
		<div class="row">
			<div class="col-lg-4 col-md-4 col-sm-4"> <img id="logo" src="img/logo.png" alt="xxx"> </div>
			<div class="col-lg-8 col-md-8 col-sm-8">
				<ul id="upper-nav">
					<li class="light-blue"><a href="#">Registration</a></li>
					<li class="red"><a href="#" class="red">Log In</a></li>
				</ul>
				<ul id="main-nav">
					<li><a href="#">Home</a></li>
					<li><a href="#">Ebooks</a></li>
					<li><a href="#">Price packages</a></li>
					<li><a href="#">Faq</a></li>
				</ul>
			</div>
		</div>
	</header>
	<!-- /header --> 
	
	<!-- main-container -->
	<div class="main-container"> 
		<!-- prva sekcija -->
		<section class="section">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12">
					<div class="verification confirm">
						<h2>Verification Email</h2>
						<h1>Welcome to Bookishfellow!</h1>
						<img src="img/logo-big.png" width="200px" height="92" alt="xxx"> </div>
				</div>
			</div>
		</section>
		<!-- \prva sekcija --> 
		<!-- druga sekcija -->
		<section class="section blue">
			<div class="row margin-bottom-2x">
				<img src="img/logo-big.png" alt="xxx">
			</div>
			<div class="row">
				<img src="img/ikonice-round.png" alt="xxx"> 
			</div>
		</section>
		<!-- \druga sekcija --> 
		<!-- treca sekcija -->
		<section class="section"> 
			<img class="margin-bottom" src="img/megaphone.png" alt="xxx">
			<h2>Just a couple of things that you should know:</h2>
			<p>Log in your account using your email address and password or social media profile</p>
			<p>Access your information through the top bar navigation menu</p>
			<p>You can find the overview of all titles submitted through My Account</p>
			<p>All information about sales and payment can be found in Payment Dashboard</p>
			<p>If you want to publish another title click on Add New Title</p>
			<p>If you want to change your eBook cover, content, price or metadata it can be done through the navigation menu or My Account</p>
		</section>
		<!-- \treca sekcija --> 
		<!-- cetvrta sekcija -->
		<section class="section"> <a class="button big" href="#">SIGN UP AND GET PUBLISHED NOW</a></section>
		<!-- \cetvrta sekcija --> 
	</div>
	<!-- \main-container --> 
	
	<!-- footer -->
	<footer id="footer">
		<div class="row">
			<div class="col-lg-6 col-md-6 col-sm-6">
				<h4>Bookishfellow</h4>
				<ul class="menu">
					<li><a href="#">eBooks</a></li>
					<li><a href="#">Add New Title</a></li>
					<li><a href="#">Price Packages</a></li>
					<li><a href="#">Distribution</a></li>
					<li><a href="#">Publishing Agreement</a></li>
					<li><a href="#">FAQ</a></li>
					<li><a href="#">Contact Us</a></li>
					<li><a href="#">About Us</a></li>
				</ul>
			</div>
			<div class="col-lg-6 col-md-6 col-sm-6">
				<h4>Services</h4>
				<ul class="footer-menu">
					<li><a href="#">eBook Cover Design</a></li>
					<li><a href="#">Author Website</a></li>
					<li><a href="#">Digital Marketing</a></li>
				</ul>
			</div>
			<div class="col-lg-12 col-md-12 col-sm-12">
				<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
			</div>
		</div>
	</footer>
	<!-- \footer --> 
</div>
<!-- /container --> 
<!-- JavaScript --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="js/jquery-ui-1.10.4.custom.min.js"></script> 
<script src="js/jquery.flexslider.js"></script> 
<script src="js/jquery.selectBoxIt.min.js"></script> 
<script src="js/script.js"></script>
</body>
</html>